<template>
  <div>
    <h3>生命周期</h3>
  </div>
</template>

<script>
import { onMounted } from "vue";
export default {
  // mounted() {
  //   console.log("mounted");
  // 1
  // 2
  // 3
  // },
  setup() {
    // beforeCreate和created被删除了，可以直接写在setup里面
    // 其他的生命周期全部前面加上on，并且都要从vue里面解构
    console.log("beforeCreate");
    console.log("created");

    // onMounted是一个函数，里面接受一个参数是回调函数
    onMounted(() => {
      console.log("onMounted");
    });
    onMounted(() => {
      console.log("onMounted2");
    });
  },
};
</script>

<style lang="less" scoped></style>
